<template>
 <div class="newsinfo-container">
   <h1 class="title">{{newsinfo.title}}</h1>
   <p class="subtitle">
   <span>发表时间:{{newsinfo.add_time|dateFormat}}</span>
   <span>点击:{{newsinfo.click}}次</span>
   </p>
   <div v-html="newsinfo.content"></div>
   <combox-box :id="this.id"></combox-box>
 </div>

</template>

<script>
import comment from "../subcomponents/comment.vue"
import {Toast} from 'mint-ui'
  export default{
      data(){
          return{
              id:this.$route.params.id,
              newsinfo:{}
          }
      },
      created(){
       this.getNewsInfo();
      },
      methods:{
          getNewsInfo(){
              this.$http.get('api/getnew/'+this.id).then(result=>{
                  if(result.body.status===0){
                   this.newsinfo=result.body.message[0];
                  }else{
                      Toast('获取新闻失败')
                  }
              })
          }
      },
      components:{
          "combox-box":comment
      }
  }

</script>

<style lang="scss">
  .newsinfo-container{
      padding:0 8px;
      .title{
          font-size:16px;
          text-align:center;
          margin:15px 0;
          color:red;
      }
      .subtitle{
          font-size:13px;
          color:blue;
         display:flex;
         justify-content:space-between;
      }
  }


</style>